<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>文本修饰</title>
    <!--
    属性名：text-decoration
    ➢ 取值：
    属性值                     效果
    underline               下划线（常用）
    line-through            删除线（不常用）
    overline                上划线（不怎么用）
    none                    无装饰（常用）
    ➢ 注意点：
    • 开发中会使用 text-decoration : none ; 清除a标签默认的下划线
    -->
    <style>
        div {
            text-decoration: underline;
        }

        p {
            text-decoration: line-through;
        }

        h2 {
            text-decoration: overline;
        }

        a {
            text-decoration: none;
        }
    </style>
</head>
<body>
<div>div</div>
<p>ppp</p>
<h2>h2</h2>
<a href="#">我是超链接, 点呀</a>
</body>
</html>